<html>
<head>
%!{bootstrap}%
<title>Place information</title>
<link rel="stylesheet" media="screen" href="qrc:/marble/webpopup/placesscreen.css">
<link rel="stylesheet" media="print, embossed" href="qrc:/marble/webpopup/placesprint.css"></head>
<style>
.flag {
  background-image:url('file://%flag%');
}
</style>
<body>
<div class="flag"><h1>%name%</h1></div>
<br>
<table>
<tr class="blue">
  <td colspan="2">Coordinates</td>
</tr>
<tr>
  <td><a href="http://en.m.wikipedia.org/wiki/Longitude">Longitude</a></td><td>%longitude%</td>
</tr>
<tr>
  <td><a href="http://en.m.wikipedia.org/wiki/Latitude">Latitude</a></td><td>%latitude%</td>
</tr>
<tr>
  <td><a href="http://en.m.wikipedia.org/wiki/Above_mean_sea_level">Elevation</a></td><td>%elevation% m</td>
</tr>
</table>

<h3>Short description:</h3>
<p>
%shortDescription%
</p>
<br>
<table>
<tr class="blue">
  <td colspan="2">Factsheet</td>
</tr>
<tr>
  <td><a href="http://en.m.wikipedia.org/wiki/Population_size">Population</a></td><td>%population%</td>
</tr>
<tr>
  <td><a href="http://en.m.wikipedia.org/wiki/Area">Area</a></td><td>%area% km<sup>2</sup></td>
</tr>
</table>
<hr>

<p>Data from <a href="https://www.cia.gov/library/publications/the-world-factbook/">CIA World Factbook</a></p>
</body>
</html>
